<div class="header style-modern">
    <div class="container">
        <!-- 第一排：快捷链接 -->
        <div class="top-links">
            <div class="container links-container">
                <div class="left-links">
                    <a href="#" class="top-link">
                        <i class="fas fa-headphones"></i>
                        <span>客服中心</span>
                    </a>
                    <a href="#" class="top-link">
                        <i class="fas fa-info-circle"></i>
                        <span>关于平台</span>
                    </a>
                    <a href="#" class="top-link">
                        <i class="fas fa-shield-alt"></i>
                        <span>隐私设置</span>
                    </a>
                    <a href="#" class="top-link">
                        <i class="fas fa-file-signature"></i>
                        <span>用户协议</span>
                    </a>
                </div>

                <div class="right-links">
                    <a href="#" class="top-link">
                        <i class="fas fa-language"></i>
                        <span>语言</span>
                    </a>
                    <a href="#" class="top-link">
                        <i class="fas fa-download"></i>
                        <span>客户端</span>
                    </a>
                    <a href="#" class="top-link">
                        <i class="fas fa-flag"></i>
                        <span>反馈</span>
                    </a>
                </div>
            </div>
        </div>

        <!-- 第二排：Logo和用户信息 -->
        <div class="logo-section">
            <div class="container logo-container">
                <a href="#" class="logo">
                    <div class="logo-icon">
                        <i class="fas fa-connectdevelop"></i>
                    </div>
                    <div class="site-name">LinkMe</div>
                </a>

                <!-- 未登录状态 -->
                <div class="user-actions" id="guest-actions-2">
                    <a href="#" class="auth-btn login-btn">登录</a>
                    <a href="#" class="auth-btn register-btn">注册</a>
                </div>

                <!-- 登录状态 (默认隐藏) -->
                <div class="user-actions" id="user-actions-2" style="display: none;">
                    <div class="user-menu">
                        <div class="user-avatar-placeholder">
                            <i class="fas fa-user"></i>
                        </div>
                        <div class="user-name">李华</div>
                        <div class="user-menu-dropdown">
                            <i class="fas fa-chevron-down"></i>
                        </div>
                    </div>
                    <a href="#" class="auth-btn login-btn">
                        <i class="fas fa-cog"></i>
                    </a>
                    <a href="#" class="auth-btn register-btn logout-btn" data-target="2">
                        <i class="fas fa-sign-out-alt"></i>
                    </a>
                </div>
            </div>
        </div>

        <!-- 第三排：栏目导航 -->
        <div class="main-nav">
            <div class="container nav-container">
                <ul class="main-menu">
                    <li class="menu-item">
                        <a href="#" class="menu-link active">
                            <i class="fas fa-home"></i>
                            <span>首页</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-compass"></i>
                            <span>探索</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-user-friends"></i>
                            <span>人脉</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-bell"></i>
                            <span>提醒</span>
                            <span class="badge">8</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-bookmark"></i>
                            <span>保存</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-briefcase"></i>
                            <span>活动</span>
                        </a>
                    </li>
                </ul>

                <div class="search-bar">
                    <i class="fas fa-search"></i>
                    <input type="text" class="search-input" placeholder="搜索...">
                </div>
            </div>
        </div>
    </div>
</div>

